<!DOCTYPE HTML>
<html>
<#include "headImport.html">
<style>
.jd-xq {
	text-align: center;
	border-bottom: 1px dotted #e3e3e3;
	padding-bottom: 37px;
}
.jd-xq-mt48 {
	margin-top: 48px;
}
.jd-xq-name {
	margin-top: 20px;
	font-size: 22px;
	color:#416DBF;
}

.jd-xq-addr-tel {
	margin-top: 20px;
	font-size: 15px;
	color:#444;
}

.jd-xq-desc {
	margin-top: 24px;
	font-size: 16px;
	color:#555;
	line-height: 25px;
    word-wrap: break-word;
}

.footer {
    border-top: 0px;
    width: 100%;
    background: #1c508c;
    margin-top: 0px;
}
</style>
<head>
<body>
<#include "newHeader.html">
<div class="container1100 clearfix jd-xq">
  <p class="jd-xq-mt48">
  	<img width="360" height="220" src="${(serviceArea.imgUrl)!}">
  </p>
  <p class="jd-xq-name">
  	${(serviceArea.name)!}
  </p>
  <p class="jd-xq-addr-tel">
  	地址：${(serviceArea.locationName)!}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电话：${(serviceArea.tel)!}
  </p>
  <p class="jd-xq-desc">
  	${(serviceArea.serviceDesc)!}
  </p>
</div>

<div class="container1100">
	<section class="zfjgxbdw shadow"
		style="margin-top: 50px; background-color: #ffffff">
		<div>
			<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;text-align: center;">
				<tr>
					<td class="td1">活动动态</td>
				</tr>
			</table>
		</div>
	</section>
</div>
<div class="container1100 clearfix" style="margin-top:40px;"> 
		<div style="padding: 15px 15px;background-color:#ffffff;">
			<section class="tag clearfix" style="background-color:#ffffff;">
		      <div class="xwdt-list">
		            <ul>
		            	<#if dataList??>
			              	<#list dataList as dl>
			              		<li><a href="cms.action?getContent&id=${dl.id!}" target="_blank">${dl.title!' '}</a><span class="fr fr56">${dl.releaseDate!' '}</span></li>
			              	</#list>
			             </#if>
			        </ul>
		        </div>
		    </section>
		</div> 
		<#if pager??>  		
		<div class="page-large">
			<div style="display:inline-block;">
					<#if pager.showPre>
						<a href="#" class="prev-page" onclick='location.href=encodeURI("${pager.preUrl!}");'></a>
		     		</#if>
		     		<#list pager.pagerIndexs as pi>
		     			<a class="Num <#if pi.activePage>on</#if>" href="#" onclick='location.href=encodeURI("${(pi.url)!}");'>${(pi.pageNo)!}</a>
		     		</#list>
		     		<#if pager.showNext>
		     			<a class="next-page" href="#" onclick='location.href=encodeURI("${pager.nextUrl!}");'></a>
		     		</#if>
			</div>
		</div>
		</#if>
</div>


<!-- 入驻项目 -->
<div class="clearfix" style="width:100%;height: 601px;background-color:#ebebeb;">
	<section class="shadow" style="padding-top: 70px;">
		<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;text-align: center;">
			<tr>
				<td class="td1">入驻项目</td>
			</tr>
		</table>
	</section>
	<div class="container1100" style="margin-top:36px;background-color:#ebebeb;">
		<section class="cyxm shadow"
			style="margin-top: 15px; background-color: #ebebeb; padding-bottom: 15px;">
			<div class="tssjList clearfix">
				<#if topCyxmList??> <#list topCyxmList as cy>
				<div class="tssjItem"
					<#if
					cy_index==0>style="margin-left:0px;"<#else>style="margin-left:5px;"</#if>>
					<a class="tssjImg" href="cms.action?cyInfo&id=${cy.id!}"><img src="${cy.imgPath!}"><span class="cyxmName">《${cy.name!}》</span></a>       
      			</div>
				</#list> </#if>
			</div>
			<div class="tssjList clearfix">
				<#if bottomCyxmList??> <#list bottomCyxmList as cy>
				<div class="tssjItem"
					<#if
					cy_index==0>style="margin-left:0px;"<#else>style="margin-left:5px;"</#if>>
					<a class="tssjImg" href="cms.action?cyInfo&id=${cy.id!}"><img src="${cy.imgPath!}"><span class="cyxmName">《${cy.name!}》</span></a>       
      		</div>
				</#list> </#if>
			</div>
		</section>
	</div>
</div>
<!-- 入驻项目 结束-->

<!-- 优秀导师 -->
<div class="clearfix" style="width:100%;height: 601px;background-color:#fafafa;">
	<section class="shadow" style="padding-top: 70px;">
		<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;text-align: center;">
			<tr>
				<td class="td1">优秀导师</td>
			</tr>
		</table>
	</section>
	<div class="container1100" style="margin-top:36px;background-color:#fafafa;">
		<section class="cyxm shadow"
			style="margin-top: 15px; background-color: #fafafa; padding-bottom: 15px;">
			<div class="tssjList clearfix">
				<#if topCyxmList??> <#list topCyxmList as cy>
				<div class="tssjItem"
					<#if
					cy_index==0>style="margin-left:0px;"<#else>style="margin-left:5px;"</#if>>
					<a class="tssjImg" href="cms.action?cyInfo&id=${cy.id!}"><img src="${cy.imgPath!}"><span class="cyxmName">《${cy.name!}》</span></a>       
      			</div>
				</#list> </#if>
			</div>
			<div class="tssjList clearfix">
				<#if bottomCyxmList??> <#list bottomCyxmList as cy>
				<div class="tssjItem"
					<#if
					cy_index==0>style="margin-left:0px;"<#else>style="margin-left:5px;"</#if>>
					<a class="tssjImg" href="cms.action?cyInfo&id=${cy.id!}"><img src="${cy.imgPath!}"><span class="cyxmName">《${cy.name!}》</span></a>       
      		</div>
				</#list> </#if>
			</div>
		</section>
	</div>
</div>
<!-- 优秀导师 结束-->

<#include "footer.html">
</body>
</html>